<template>
  <!-- 查看更多行 -->
  <view class="section-more">
   <view class="more-tit">{{title}}</view>
   <view class="more-tip-line" @click="goTargetPath" v-if="isMore">
     <text class="more-text">{{subTitle}}</text>
     <u-icon name="arrow-right" size="24rpx" color="rgb(144, 147, 153);"></u-icon>
   </view>
 </view>
</template>

<script>
export default {
  name: 'selection-more-line',
  components: {},
  data() {
    return {}
  },
  props: {
    isMore: {
      type: Boolean,
      default: true
    },
    title: {
      type: String
    },
    subTitle: {
      type: String,
      default: '查看更多'
    },
    size: {
      type: String,
      default: '24rpx'
    },
    color: {
      type: String,
      default: 'rgb(144, 147, 153)'
    },
    jumpPath: {
      type: String,
      default: ''
    }
  },
  created() {},
  mounted() {},
  methods: {
    goTargetPath() {
      uni.navigateTo({url: this.jumpPath});
    }
 },
};
</script>
<style lang="scss" scoped>
  .section-more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    .more-tit {
      font-size: 36rpx;
      font-weight: bold;
      color: rgb(48, 49, 51);
    }
    .more-tip-line {
      display: inline-flex;
      align-items: center;
      .more-text {
        font-size: 24rpx;
        color: rgb(144, 147, 153);
        margin-right: 10rpx;
      }
    }
  }
</style>